<template>

  <div class="home">
    

    
    <div class="banner">
      <!-- <swiper :options="swiperOption" >
        <swiper-slide>
          <img src="@/assets/img/education1.png" alt="" width="100%" height="500">
        </swiper-slide>
        <swiper-slide>
          <img src="@/assets/img/education3.jpg" alt="" width="100%" height="500">
        </swiper-slide>
        <div class="swiper-pagination" slot="pagination"></div>
      </swiper> -->
    </div>


  </div>
</template>

<script>
  import  { swiper, swiperSlide } from 'vue-awesome-swiper'
  import 'swiper/dist/css/swiper.css'
  export default {
    components:{
      swiper, swiperSlide
    },
    data () {
      return {
        // fileHost: this.$store.state.common.fileHost,
        // currentPage: 1,
        // pageSize: 20,
        // totalCount: 0,
        // recommendCourseList: [],
        // swiperOption: {
        //   pagination: {
        //     el: '.swiper-pagination'
        //   },
        //   autoplay: {
        //     disableOnInteraction: false,
        //     delay: 3000
        //   },
        //   autoplayDisableOnInteraction: false,
        //   loop: true
        // }
      };
    },

    // mounted () {
    //   this.getRecommendCourseList()
    // },

    methods: {

      // collectCourse (index) {
      //   let courseInfo = this.recommendCourseList[index]
      //   if (courseInfo.collect_flag === 1) {
      //     courseInfo.collect_flag = 0
      //   } else {
      //     courseInfo.collect_flag = 1
      //   }
      //   let params = {
      //     course_id: courseInfo.id,
      //     collect_flag: courseInfo.collect_flag
      //   }
      //   this.axios.post(this.$httpApi.httpUrl('/student/course/collectCourse'), params)
      //     .then((response) => {

      //     })
      // },

      studyCourse (course) {
        this.$message.error('功能开发中,尽请期待')
       /* let courseOrPaperInfo = {
          courseId: course.id,
          name: course.name,
          paperId: '',
          examId: ''
        }
        this.$store.commit('updateCourseOrPaperInfo', courseOrPaperInfo)
        this.$router.push({
          name: 'courseDetail',
        })*/
      },

      // getRecommendCourseList () {
      //     this.axios.get(this.$httpApi.httpUrl('/student/courseInfo'), {
      //       params: {
      //         pageNumber: this.currentPage,
      //         pageSize: this.pageSize,
      //         status: 2,
      //         recommendIndexFlag: 1
      //       }
      //     }).then(response => {
      //       this.recommendCourseList = response.data.data.dataList
      //       this.totalCount = response.data.data.total
      //     })
      // },

      // changeIndexCoursePage (val) {
      //   this.currentPage = val
      // }
    },
  }

</script>

<style lang='scss' scoped>
  // h2 {
  //   font-size: 36px;
  //   text-align: center;
  //   margin: 40px 0;
  //   font-weight: normal;
  // }
  // h3 {
  //   font-size: 18px;
  //   text-align: center;
  //   color: #737373;
  //   margin: 40px 0;
  //   font-weight: normal;
  // }
  // .el-divider__text, .el-link {
  //   font-weight: 500;
  //   font-size: 45px;
  // }

  // .demoList ul {
  //   width: 100%;
  //   box-sizing: border-box;
  //   margin-bottom: 100px;
  // }
  // .demoList{
  //   margin: 0 auto;
  //   padding-top: 30px;
  // }

  // .course_detail {
  //   padding-top: 6px;
  //   max-height: 48px;
  //   line-height: 20px;
  //   display: -webkit-box;
  //   -webkit-line-clamp: 2;
  //   -webkit-box-orient: vertical;
  //   overflow: hidden;
  //   font-size: 14px;
  //   color: #93999f
  // }

  // .demoList li {
  //   box-sizing: border-box;
  //   width: 192px;
  //   min-height: 160px;
  //   float: left;
  //   margin-right: 40px;
  //   margin-bottom: 30px;
  //   text-align: left;
  //   img{
  //     cursor: pointer;
  //     width: 100%;
  //     height:108px;
  //     display: block;
  //     border-radius: 8px;
  //     &:hover{
  //       opacity: 0.7;
  //      /* .course_title{
  //         color:#ca0000;
  //       }*/
  //     }
  //   }
  // }

  // .typeitem{
  //   cursor: pointer;
  //   width: 300px;
  //   .title {
  //     padding-top: 8px;
  //     font-weight: bold;
  //     &:hover {
  //       cursor: pointer;
  //       color: red;
  //     }
  //   }
  // }

  // .demoList li{
  //   width: 30%;
  // }

  // .demoList  .page {
  //   position: relative;
  //   left: 0;
  //   bottom: 50px;
  //   width: 100%;
  //   text-align: center;
  // }

  // .demoList li .image {
  //   height: 199px;
  //   width: 100%;
  //   display: block;
  // }

  // @keyframes turn-over {
  //   to {
  //     transform: rotateX(-180deg);
  //   }
  // }
  // .home{
  //   overflow: hidden;
   
  // }
 
</style>
